<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>webpack</title>
</head>
<body>
  <!-- webpack 静态模块打包工具 -->
  <!--项目优化项： gzip 项目超级压缩，css压缩。 **
    plugin 进行模块打包
  -->
  <!-- SourceMap 是webpack 中进行代码压缩，以及错误能够具体到哪一个位置 -->
  <!-- vue脚手架中vue.config.js 当中的配置项https://cli.vuejs.org/zh/config/#transpiledependencies -->
  <!-- devServer ***** -->
  <!-- webpack *
    entry 配置入口文件路径
    output 主要是在打包之后生成的路径，已经打包之后的文件的名字
    loader 是针对一些文件进行相对应的lader插件转化，vue-loader 可以转化vue文件
    babel-loader 可以转化js 文件。
    plugin 进行加载模块利用vue，第三方的一些插件，进行打包优化
    mode 是判断生产环境还是测试环境

    应用场景，一般应用在大型项目当中使用上述5个模块需要配置，一般情况下vue-cli3不需要单独配置。
    但是vue-cli3 里边配置的devServer 中proxy 这个是做接口代理，一定要配置
  -->
</body>
</html>